import Vue from 'vue'

new Vue({
  // el: '#app',
  render (h) {
    // 创建虚拟节点/元素/DOM   使用h函数
    let vnode = h('div', {attrs: {id: 'test', name: 'xxx'}}, 'abc')
    // 创建虚拟节点/元素/DOM   使用jsx
    // vnode = <div id="test2" name="xxx2">abc2</div>
    console.log(vnode)
    // 返回虚拟节点
    return vnode
  }
}).$mount('#app')

/* 
虚拟DOM的结构
{
  tag: 标签名
  data: {
    attrs: {// 标签属性

    }
  },
  children: [ 
    vnode1,
    vnode2
  ],
  text: 文本内容
  key: vnode标签名称
}
*/